<template>
	<view class="border-top">
		<view class="flex align-center justify-center">
			<image src="../../static/img/logo.jpg" style="margin-top: 200rpx;width:219rpx;height:200rpx;" mode="">
			</image>
		</view>
		<view class="px-3 fixed-bottom mb-3">
			<main-big-button @click="handleNextPage">立即下载</main-big-button>
		</view>
	</view>
</template>

<script>
	import mainBigButton from '../../components/common/main-buttom.vue';
	export default {
		data() {
			return {
				shareUrl: ''
			};
		},
		components: {
			mainBigButton
		},
		onLoad() {
			this.geturl();
		},
		methods: {
			geturl() {
				let _this = this;
				// let opts = {
				// 	url: 'CheckVersion.shtml'
				// };

				// let param = {};
				// _this.$http.httpRequest(opts, param).then(
				// 	res => {
				// 		console.log(res.data);
				// 		if (res.data.code == '200') {
				// 			_this.shareUrl = res.data.data.appUrl;
				_this.shareUrl = "https://api.sxxat.cn/wz/xat.apk";
				// 		} else {
				// 			uni.showToast({
				// 				icon: 'none',
				// 				title: res.data.msg
				// 			});
				// 		}
				// 	},
				// 	error => {
				// 		console.log(error);
				// 	}
				// );
			},
			isWeiXin() {
				if (/MicroMessenger/gi.test(navigator.userAgent)) {
					return true;
				} else {
					return false;
				}
			},
			//判断是安卓还是iOS
			isAndroid_ios() {
				let u = navigator.userAgent,
					app = navigator.appVersion;
				let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //android终端或者uc浏览器
				let isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
				return isAndroid == true ? true : false;
			},
			handleNextPage() {
				let d = new Date();
				let t0 = d.getTime();
				let _this = this;
				// if (_this.isAndroid_ios()) {
				// uni.showToast({
				// 	icon:'success',
				// 	title:'右上角点击浏览器打开！'
				// })
				if (_this.isWeiXin()) {
					// 引导用户在浏览器中打开
					uni.showToast({
						icon: 'success',
						title: '右上角点击浏览器打开！'
					})
					return;
				}
				//Android
				if (_this.openApp('msfacepay://')) {
					_this.openApp('msfacepay://');
				} else {
					//由于打开需要1～2秒，利用这个时间差来处理－－打开app后，返回h5页面会出现页面变成app下载页面，影响用户体验
					let delay = setInterval(function() {
						let d = new Date();
						let t1 = d.getTime();
						if (t1 - t0 < 3000 && t1 - t0 > 2000) {
							window.location.href = _this.shareUrl;
						}
						if (t1 - t0 >= 3000) {
							clearInterval(delay);
						}
					}, 1000);
				}
				// window.location.href = "msfacepay://";
				// window.setTimeout(function(){
				//  Alert.hint('暂未开通，敬请期待', 1500);
				//  // window.location.href = "https://itunes.apple.com/cn/app/id1419477919";//打开app下载地址，由app开发人员提供
				// },2000)
				// } else {
				// 	if (_this.isWeiXin()) {
				// 		window.location.href = 'https://apps.apple.com/cn/app/id1512712000';
				// 		return;
				// 	}
				// 	//IOS
				// 	window.location.href = 'msfacepay://'
				// 	if(openApp('msfacepay://')){
				// 	    openApp('msfacepay://');
				// 	}else{
				// 	    var delay = setInterval(function(){
				// 	        var d = new Date();
				// 	        var t1 = d.getTime();
				// 	        if( t1-t0<3000 && t1-t0>2000){
				// 	            alert('请下载APP');
				// 	            window.location.href = "https://apps.apple.com/cn/app/id1512712000";
				// 	        }
				// 	        if(t1-t0>=3000){
				// 	            clearInterval(delay);
				// 	        }
				// 	    },1000);
				// 	}
				// 	//iOS不支持iframe打开APP
				// 	window.location.href = 'msfacepay://';
				// 	window.setTimeout(function() {
				// 		window.location.href = 'https://apps.apple.com/cn/app/id1512712000'; //打开app下载地址，由app开发人员提供
				// 	}, 2000);
				// }
			},
			openApp() {
				// 通过iframe的方式试图打开APP，如果能正常打开，会直接切换到APP，并自动阻止a标签的默认行为
				// 否则打开a标签的href链接
				let ifr = document.createElement('iframe');
				ifr.src = this.shareUrl;
				ifr.style.display = 'none';
				document.body.appendChild(ifr);
				window.setTimeout(function() {
					document.body.removeChild(ifr);
				}, 2000);
			}
		}
	};
</script>

<style></style>
